<!DOCTYPE html>
<!-- saved from url=(0026)https://www.sanguosha.com/ -->
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <meta name="keywords" content="三国杀，三国杀online，三国杀ol，三国游戏，三国杀新服，新三国，桌游，卡牌游戏，游卡桌游，三国杀网页版，三国杀官网，三国演义" />
    <meta name="description" content="三国杀是一款风靡全球的以三国演义为背景的策略卡牌桌面游戏，经典新三国国战玩法，百万名将任由你搭配，楚雄争霸，等你决战沙场！已推出网页版《三国杀OL》，手游《三国名将传》等游戏，快来体验吧！" />
    <!-- 		
		<meta itemprop="image" content="https://www.sanguosha.com/static/pc/img/logo.png">

		
		<meta name="applicable-device" content="pc">
		<meta http-equiv="Cache-Control" content="no-transform">
		<link rel="canonical" href="https://www.sanguosha.com/">
		<meta http-equiv="mobile-agent" content="format=xhtml;url=https://h5.sanguosha.com">
		<meta http-equiv="mobile-agent" content="format=html5;url=https://h5.sanguosha.com">
		<meta http-equiv="mobile-agent" content="format=wml;url=https://h5.sanguosha.com">
		<link rel="alternate" media="onlyscreenand(max-width:640px)" href="https://h5.sanguosha.com/"> -->

    <link rel="shortcut icon" href="https://www.sanguosha.com/favicon.ico" />
    <link rel="bookmark" href="https://www.sanguosha.com/favicon.ico" type="image/x-icon" />
    <!-- css样式文件 -->
    <link rel="stylesheet" href="css/index.css" />
    <title>《三国杀Online》官方网站_风靡全球的游卡社交桌游_星火燎原重燃三国</title>
    <script src="./js/jquery-2.1.4.min.js"></script>
    <script src="./js/index.js"></script>
    <!-- 移动端设备访问pc端网页，直接跳转到移动端 -->
    <!--<script src="https://login.dobest.cn/sdo/PRes/js/yk_beacon.js"></script>-->
    <!-- 
		<meta name="360-site-verification" content="1d56fb99a9c170e2ca33bdbfca49151f">
		<meta name="shenma-site-verification" content="26d598e91abd2c03c5b6441661476460_1560391480">
		<meta name="baidu-site-verification" content="vT2Rhtaqtq"> 
		-->

    <!-- js特效文件 -->
    <!-- 
		<script src="./js/hm.js"></script>z
		<script src="./js/hm1.js"></script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?fb3e47332f1c41f3e8dd1961d001377f";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
		<script type="text/javascript">
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?741c1946c0ae40c84a3db0b843e0b944";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script> 
		--></head>
  <body style="zoom: 1">
    <div class="wrap">
      <!--    <div class="media"></div>-->
      <div class="main">
        <a href="index.html" class="logo">
          <img src="https://www.sanguosha.com/static/pc/dist/img/logo.png?v=20200417" alt="三国杀" />
        </a>
        <ul class="nav">
          <li>
            <div class="nav-top">
              <a href="index.html"><em>+</em></a>
            </div>
          </li>
          <li>
            <div class="nav-top">
              <a href="javascript:;"><em>+</em></a>
            </div>
            <p>
              <a href="javascript:;"><em></em>综合资讯</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>游戏资讯</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>活动公告</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>游戏公告</a>
            </p>
          </li>
          <li>
            <div class="nav-top">
              <a href="javascript:;"><em>+</em></a>
            </div>
            <p>
              <a href="javascript:;"><em></em>新手教学</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>进阶玩法</a>
            </p>
          </li>
          <li>
            <div class="nav-top">
              <a href="javascript:;"><em>+</em></a>
            </div>
            <p>
              <a href="javascript:;"><em></em>王者之战</a>
            </p>
            <p>
              <a target="_blank" href="campusTrip.html"><em></em>校园行</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>乐游服务</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>展会官网</a>
            </p>
          </li>
          <li>
            <div class="nav-top">
              <a href="javascript:;"><em>+</em></a>
            </div>
            <p>
              <a target="_blank" href="events.html"><em></em>活动中心</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>武将资料</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>游戏攻略</a>
            </p>
          </li>
          <li>
            <div class="nav-top">
              <a href="javascript:;"><em>+</em></a>
            </div>
            <p>
              <a href="javascript:;"><em></em>微端下载</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>iOS下载</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>安卓下载</a>
            </p>
          </li>
          <li class="hide">
            <div class="nav-top">
              <a href="javascript:;"><em>+</em></a>
            </div>
          </li>
          <li>
            <div class="nav-top">
              <a href="javascript:;"><em>+</em></a>
            </div>
            <p>
              <a target="_blank" href="service.html"><em></em>客服中心</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>官方微博</a>
            </p>
            <p>
              <a target="_blank" href="community.html"><em></em>玩家社区</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>裁判认证</a>
            </p>
          </li>
          <li>
            <div class="nav-top">
              <a href="javascript:;"><em>+</em></a>
            </div>
            <p>
              <a href="javascript:;"><em></em>家长监控</a>
            </p>
            <p>
              <a href="javascript:;" rel="nofollow"><em></em>实名认证</a>
            </p>
            <p>
              <a href="javascript:;"><em></em>防沉迷</a>
            </p>
            <p>
              <a href="javascript:;" rel="nofollow"><em></em>账户注销</a>
            </p>
          </li>
        </ul>
        <div class="contain">
          <div class="con-left">
            <div class="start">
              <a href="javascript:;"><img src="./images/begin.gif" alt="" /></a>
            </div>
            <div class="start-next">
              <p class="users hvr-float">
                <a href="javascript:;" rel="nofollow"><i class="icon-icon__icon1"></i><em class="icon-icon__user"></em></a>
              </p>
              <em class="icon-icon__line"></em>
              <p class="users hvr-float">
                <a href="javascript:;"><i class="icon-icon__icon2"></i><em class="icon-icon__new"></em></a>
              </p>
            </div>
          </div>
          <div class="con-mid">
            <div class="banner">
              <div class="focus-map">
                <div class="focus-nav">
                  <p class="">三国杀十周年</p>
                  <p class="active">OL经典服</p>
                </div>

                <div class="focus-info">
                  <div class="banner" id="newBanner" style="display: none">
                    <div class="tempWrap" style="overflow: hidden; position: relative; width: 742px">
                      <div class="bd" style="width: 3710px; left: -2226px; position: relative; overflow: hidden; padding: 0px; margin: 0px">
                        <p style="float: left; width: 742px">
                          <a href="javascript:;" title="虚拟天团">
                            <img src="./images/608b6d7327da7.png" alt="虚拟天团" title="虚拟天团" />
                          </a>
                        </p>
                        <p style="float: left; width: 742px">
                          <a href="javascript:;" title="文和乱武">
                            <img src="./images/6089f5cc4e479.png" alt="文和乱武" title="文和乱武" />
                          </a>
                        </p>
                        <p style="float: left; width: 742px">
                          <a href="javascript:;" title="开赛活动">
                            <img src="./images/607ea8d95a05a.png" alt="开赛活动" title="开赛活动" />
                          </a>
                        </p>
                        <p style="float: left; width: 742px">
                          <a href="javascript:;" title="同人征集">
                            <img src="./images/5c41b2009b368.jpg" alt="同人征集" title="同人征集" />
                          </a>
                        </p>
                        <p style="float: left; width: 742px">
                          <a href="javascript:;">
                            <img src="./images/5c41b21c3cd02.jpg" alt="精彩活动" title="精彩活动" />
                          </a>
                        </p>
                      </div>
                    </div>
                    <ul class="hd">
                      <li class="first-tab">虚拟天团</li>
                      <li class="">文和乱武</li>
                      <li class="">开赛活动</li>
                      <li class="on">同人征集</li>
                      <li class="">精彩活动</li>
                    </ul>
                  </div>
                  <div class="banner hide" id="oldBanner" style="display: block">
                    <div class="tempWrap" style="overflow: hidden; position: relative; width: 742px">
                      <div class="bd" style="width: 3710px; left: -2226px; position: relative; overflow: hidden; padding: 0px; margin: 0px">
                        <p style="float: left; width: 742px">
                          <a href="javascript:;" title="千里单骑">
                            <img src="./images/6076a03e444ab.png" alt="千里单骑" title="千里单骑" />
                          </a>
                        </p>
                        <p style="float: left; width: 742px">
                          <a href="javascript:;" title="祈福返场">
                            <img src="./images/608aa5097e7a5.png" alt="祈福返场" title="祈福返场" />
                          </a>
                        </p>
                        <p style="float: left; width: 742px">
                          <a href="javascript:;" title="热力活动">
                            <img src="./images/608aa4d96baa2.png" alt="热力活动" title="热力活动" />
                          </a>
                        </p>
                        <p style="float: left; width: 742px">
                          <a href="javascript:;">
                            <img src="./images/5e9810516775a.jpg" alt="倾情回馈" title="倾情回馈" />
                          </a>
                        </p>
                        <p style="float: left; width: 742px">
                          <a href="javascript:;">
                            <img src="./images/5b971a0422d21.jpg" alt="乐游服务" title="乐游服务" />
                          </a>
                        </p>
                      </div>
                    </div>
                    <ul class="hd">
                      <li class="first-tab">千里单骑</li>
                      <li class="">祈福返场</li>
                      <li class="">热力活动</li>
                      <li class="on">倾情回馈</li>
                      <li class="">乐游服务</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="con-right">
            <div class="events eve1" style="background: url(https://www.sanguosha.com/uploads/202104/6076b97c46089.jpg)">
              <a href="javascript:;"><em class="icon-icon__go"></em></a>
            </div>
            <div class="events eve2" style="background: url(https://www.sanguosha.com/uploads/201902/5c7786a78a6a3.png)">
              <a href="javascript:;"><em class="icon-icon__go"></em></a>
            </div>
          </div>
        </div>
        <div class="contain">
          <div class="con-left sgs">
            <div class="app-code"><img src="./images/sgs.jpg" alt="" /></div>
            <a href="javascript:;" class="download hvr-float"><i class="icon-icon__wei"></i><em class="icon-icon__do"></em></a>
          </div>

          <div class="con-mid">
            <div class="press">
              <div class="headline">
                <span class="icon-icon__news"></span>
                <a href="javascript:;" class="icon-icon__more more-btn"></a>
                <p></p>
              </div>
              <div class="press-all">
                <ul class="hd">
                  <li class="on"><a href="javascript:;">综合</a><em></em></li>
                  <li><a href="javascript:;">资讯</a><em></em></li>
                  <li><a href="javascript:;">活动</a><em></em></li>
                  <li><a href="javascript:;">公告</a></li>
                </ul>
                <p class="press-top"><a href="javascript:;">[OL] 4.23-4.29新品皮肤 秒杀活动 阴雷强将返场 充值返利乐享不停</a></p>
                <div class="bd">
                  <div>
                    <dl>
                      <dd>
                        <a href="javascript:;" title="[十周年][活动]5.1-5.7 立夏连连看 七日登录礼 戏志才新品限定 佳节动态完结">
                          <p class="press-name">[十周年][活动]5.1-5.7 立夏连连看 七日登录礼 戏志才新品限定 佳节动态完结</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][资讯]《三国杀十周年》5月1日活动掉落详情一览">
                          <p class="press-name">[十周年][资讯]《三国杀十周年》5月1日活动掉落详情一览</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][活动] 五一欢乐周  国战晋势力武将限免开放！">
                          <p class="press-name">[OL][活动] 五一欢乐周 国战晋势力武将限免开放！</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][公告]《三国杀OL》近期问题修复公告-4月29日更新">
                          <p class="press-name">[OL][公告]《三国杀OL》近期问题修复公告-4月29日更新</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][公告] 4.30-5.6 热力活动调整">
                          <p class="press-name">[OL][公告] 4.30-5.6 热力活动调整</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][公告] 4.29日谷雨花活动时间调整">
                          <p class="press-name">[OL][公告] 4.29日谷雨花活动时间调整</p>
                          <p class="press-time">04-29</p>
                        </a>
                      </dd>
                    </dl>
                  </div>
                  <div style="display: none">
                    <dl>
                      <dd>
                        <a href="javascript:;" title="[十周年][资讯]《三国杀十周年》5月1日活动掉落详情一览">
                          <p class="press-name">[十周年][资讯]《三国杀十周年》5月1日活动掉落详情一览</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][资讯]《三国杀十周年》4月24日活动宝箱概率公示">
                          <p class="press-name">[十周年][资讯]《三国杀十周年》4月24日活动宝箱概率公示</p>
                          <p class="press-time">04-23</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][资讯]不负热爱，为你而来！2021三国杀王者之战青岛&amp;西安赛报名开启~~~">
                          <p class="press-name">[十周年][资讯]不负热爱，为你而来！2021三国杀王者之战青岛&amp;西安赛报名开启~~~</p>
                          <p class="press-time">04-21</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][资讯]良企首席搬砖师，给你讲三国杀的激昂史">
                          <p class="press-name">[十周年][资讯]良企首席搬砖师，给你讲三国杀的激昂史</p>
                          <p class="press-time">04-16</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][资讯]《三国杀十周年》2021年4月9日活动宝箱概率一览">
                          <p class="press-name">[十周年][资讯]《三国杀十周年》2021年4月9日活动宝箱概率一览</p>
                          <p class="press-time">04-08</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][资讯]]《三国杀十周年》2021年4月2日活动宝箱概率一览">
                          <p class="press-name">[十周年][资讯]]《三国杀十周年》2021年4月2日活动宝箱概率一览</p>
                          <p class="press-time">04-01</p>
                        </a>
                      </dd>
                    </dl>
                  </div>
                  <div style="display: none">
                    <dl>
                      <dd>
                        <a href="javascript:;" title="[十周年][活动]5.1-5.7 立夏连连看 七日登录礼 戏志才新品限定 佳节动态完结">
                          <p class="press-name">[十周年][活动]5.1-5.7 立夏连连看 七日登录礼 戏志才新品限定 佳节动态完结</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][活动] 五一欢乐周  国战晋势力武将限免开放！">
                          <p class="press-name">[OL][活动] 五一欢乐周 国战晋势力武将限免开放！</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][活动] 4.30-5.6 徐荣祈福概率翻倍 限时折扣 购曹性礼包领全服元宝返利">
                          <p class="press-name">[OL][活动] 4.30-5.6 徐荣祈福概率翻倍 限时折扣 购曹性礼包领全服元宝返利</p>
                          <p class="press-time">04-29</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][活动]4.29~5.10智斗三国高级场正式服公测开启！">
                          <p class="press-name">[OL][活动]4.29~5.10智斗三国高级场正式服公测开启！</p>
                          <p class="press-time">04-28</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][活动]4.24-4.30 谷雨热力 新武将赵忠 文和动态上线 小乐表情包上线">
                          <p class="press-name">[十周年][活动]4.24-4.30 谷雨热力 新武将赵忠 文和动态上线 小乐表情包上线</p>
                          <p class="press-time">04-23</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][活动] 4.23-4.29新品皮肤 秒杀活动 阴雷强将返场 充值返利乐享不停">
                          <p class="press-name">[OL][活动] 4.23-4.29新品皮肤 秒杀活动 阴雷强将返场 充值返利乐享不停</p>
                          <p class="press-time">04-22</p>
                        </a>
                      </dd>
                    </dl>
                  </div>
                  <div style="display: none">
                    <dl>
                      <dd>
                        <a href="javascript:;" title="[OL][公告]《三国杀OL》近期问题修复公告-4月29日更新">
                          <p class="press-name">[OL][公告]《三国杀OL》近期问题修复公告-4月29日更新</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][公告] 4.30-5.6 热力活动调整">
                          <p class="press-name">[OL][公告] 4.30-5.6 热力活动调整</p>
                          <p class="press-time">04-30</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[OL][公告] 4.29日谷雨花活动时间调整">
                          <p class="press-name">[OL][公告] 4.29日谷雨花活动时间调整</p>
                          <p class="press-time">04-29</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][公告]HSL×老炮杯 | 《三国杀十周年》王者之战全明星邀请赛鸣锣开赛">
                          <p class="press-name">[十周年][公告]HSL×老炮杯 | 《三国杀十周年》王者之战全明星邀请赛鸣锣开赛</p>
                          <p class="press-time">04-28</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][公告]星星之火，可以燎原，2021三国杀王者之战大型店面活动合作开始招募啦！">
                          <p class="press-name">[十周年][公告]星星之火，可以燎原，2021三国杀王者之战大型店面活动合作开始招募啦！</p>
                          <p class="press-time">04-28</p>
                        </a>
                      </dd>
                      <dd>
                        <a href="javascript:;" title="[十周年][公告]《三国杀十周年》文和乱武模式4月29日限时开放">
                          <p class="press-name">[十周年][公告]《三国杀十周年》文和乱武模式4月29日限时开放</p>
                          <p class="press-time">04-28</p>
                        </a>
                      </dd>
                    </dl>
                  </div>
                </div>
              </div>
            </div>
            <div class="novoice">
              <div class="bd">
                <p>
                  <a href="javascript:;"><img src="./images/5b728a0141ea6.jpg" alt="三国杀新手指引" /></a>
                </p>
              </div>
              <!--            <ul class="hd">-->
              <!--              <li></li>-->
              <!--              <li></li>-->
              <!--            </ul>-->
            </div>
          </div>
          <div class="con-right">
            <div class="heros">
              <div class="bd" style="position: relative; width: 319px; height: 330px">
                <p style="position: absolute; width: 319px; left: 0px; top: 0px"><img src="./images/ident1.jpg" alt="三国杀身份玩法" /></p>
                <p style="position: absolute; width: 319px; left: 0px; top: 0px; display: none"><img src="./images/ident3.jpg" alt="三国杀国战玩法" /></p>
                <p style="position: absolute; width: 319px; left: 0px; top: 0px; display: none"><img src="./images/ident2.jpg" alt="三国杀欢乐成双" /></p>
                <p style="position: absolute; width: 319px; left: 0px; top: 0px; display: none"><img src="./images/ident4.jpg" alt="三国杀活动玩法" /></p>
              </div>
              <ul class="hd">
                <li class="play1 on"></li>
                <li class="play2"></li>
                <li class="play3"></li>
                <li class="play4"></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="contain">
          <div class="con-left">
            <ul class="link updown">
              <li>
                <a href="javascript:;">
                  <i class="icon-icon__link1"></i>
                  <em class="icon-icon__text1"></em>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <i class="icon-icon__link2"></i>
                  <em class="icon-icon__text2"></em>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <i class="icon-icon__link3"></i>
                  <em class="icon-icon__text3"></em>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <i class="icon-icon__link4"></i>
                  <em class="icon-icon__text4"></em>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <i class="icon-icon__link5"></i>
                  <em class="icon-icon__text5"></em>
                </a>
              </li>
              <li>
                <a href="javascript:;">
                  <i class="icon-icon__link6"></i>
                  <em class="icon-icon__text6"></em>
                </a>
              </li>
            </ul>
          </div>
          <div class="con-mid">
            <div class="general">
              <div class="bd">
                <div class="general-tab gen-first" style="display: none">
                  <div class="general-info">
                    <h4><span>标准版武将</span></h4>
                    <p>三国杀经典武将包，包含魏、蜀、吴、群四方势力，共26名武将。更多武将攻略请点击右上角更多按钮查看武将资料站，或登陆游戏内查看武将详情。</p>
                  </div>
                  <div class="general-img"><img src="./images/general1.png" alt="" /></div>
                </div>
                <div class="general-tab hide" style="display: none">
                  <div class="general-info">
                    <h4><span>神话再临</span></h4>
                    <p>神话再临系列是三国杀的一个武将扩展包，取《孙子兵法·军争》中的“故其疾如风，其徐如林，侵掠如火，不动如山，难知如阴，动如雷震。”分为六个扩展包。</p>
                  </div>
                  <div class="general-img"><img src="./images/general2.png" alt="" /></div>
                </div>
                <div class="general-tab hide" style="display: none">
                  <div class="general-info">
                    <h4><span>一将成名</span></h4>
                    <p>三国杀武将设计大赛，由广大热爱桌游、热爱三国文化、热爱三国杀的动漫画手、设计人员一起设计的武将。包括一将成名2011、2012、2013、2014、2015五个扩展包。</p>
                  </div>
                  <div class="general-img"><img src="./images/general3.png" alt="" /></div>
                </div>
                <div class="general-tab hide" style="display: none">
                  <div class="general-info">
                    <h4><span>星火燎原</span></h4>
                    <p>三国杀十周年全新扩展包，取《三国演义》第六十九回“北斗主死，南斗主生。”其中南斗六星分别为天府星、天梁星、天机星、天同星、天相星、七杀星六个扩展包。</p>
                  </div>
                  <div class="general-img"><img src="./images/general4.png" alt="" /></div>
                </div>
                <div class="general-tab hide" style="display: block; opacity: 0.795696">
                  <div class="general-info">
                    <h4><span>国战</span></h4>
                    <p>魏蜀吴群，双将配合，为国而战。分为标准包、阵包、势包共计76名武将。</p>
                  </div>
                  <div class="general-img"><img src="./images/general5.png" alt="" /></div>
                </div>
              </div>
              <ul class="hd">
                <li class="gen1"></li>
                <li class="gen2"></li>
                <li class="gen3"></li>
                <li class="gen4"></li>
                <li class="gen5 on"></li>
              </ul>
              <a href="javascript:;"></a>
            </div>
          </div>
          <div class="con-right">
            <div class="art">
              <a href="javascript:;"></a>
              <a href="javascript:;">
                <img src="./images/art.jpg" alt="" />
              </a>
            </div>
          </div>
        </div>
        <div class="contain">
          <div class="con-left sidebar">
            <h3 class="topic"><em class="icon-icon__fast"></em></h3>
            <ul class="bars">
              <li>
                <a href="javascript:;"><em class="icon-icon__bar1"></em><i></i></a>
              </li>
              <li>
                <a href="javascript:;"><em class="icon-icon__bar2"></em><i></i></a>
              </li>
              <li>
                <a href="javascript:;" rel="nofollow"><em class="icon-icon__bar3"></em><i></i></a>
              </li>
              <li>
                <a href="javascript:;"><em class="icon-icon__bar4"></em><i></i></a>
              </li>
              <li>
                <a href="javascript:;"><em class="icon-icon__bar5"></em><i></i></a>
              </li>
              <li>
                <a href="javascript:;"><em class="icon-icon__bar6"></em><i></i></a>
              </li>
              <li>
                <a href="javascript:;"><em class="icon-icon__bar7"></em><i></i></a>
              </li>
              <li>
                <a href="javascript:;"><em class="icon-icon__bar8"></em><i></i></a>
              </li>
            </ul>
            <div class="code"><img src="./images/code.jpg" alt="" /></div>
          </div>
          <div class="con-info">
            <div class="feature">
              <div class="headline">
                <span class="icon-icon__club"></span>
                <a href="javascript:;" class="icon-icon__more more-btn"></a>
                <p></p>
              </div>
              <ul class="club-list">
                <li>
                  <a href="javascript:;" rel="nofollow">
                    <p class="club-name">【获奖名单】年兽大作战（第八期）</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;" rel="nofollow">
                    <p class="club-name">【新文和乱武】PvP&amp;PvE活动解析</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;" rel="nofollow">
                    <p class="club-name">【武将列传】徐州风云攻略合集</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;" rel="nofollow">
                    <p class="club-name">【樊玉凤同人】只愿君心明我心，恨不相逢未嫁时</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;" rel="nofollow">
                    <p class="club-name">【樊玉凤合集】杯酒把盏，有影成双</p>
                  </a>
                </li>
                <li>
                  <a href="javascript:;" rel="nofollow">
                    <p class="club-name">【社区活动】第十四期录像征集令 —— 晋朝伊始</p>
                  </a>
                </li>
              </ul>
              <div class="club-banner">
                <a href="javascript:;">
                  <img src="./images/5b7288b65dbec.jpg" alt="社区下方banner" />
                </a>
              </div>
            </div>
            <div class="photos">
              <div class="headline">
                <span class="icon-icon__photo"></span>
                <a href="javascript:;" class="icon-icon__more more-btn"></a>
                <p></p>
              </div>
              <div class="picture">
                <div class="photo-nav">
                  <ul class="photo-name">
                    <li class=""><a href="javascript:;">同人COS</a><em></em></li>
                    <li><a href="javascript:;">手绘漫画</a><em></em></li>
                    <li><a href="javascript:;">玩家风采</a><em></em></li>
                    <li class="on"><a href="javascript:;">同人小说</a></li>
                  </ul>
                  <a href="javascript:;" class="contribute"><em class="icon-icon__cloud"></em>我要投稿</a>
                </div>
                <div class="photo-tab">
                  <ul class="photo-list" style="display: none">
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5b718ef7cb3d1.jpg" alt="郭嘉 · 天生郭奉孝，豪杰冠群英" />
                        </div>
                        <p>郭嘉 · 天生郭奉孝，豪杰冠群英</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5b718f08f20ee.jpg" alt="陆逊 · 三分自是多英俊，又显江南陆逊高" />
                        </div>
                        <p>陆逊 · 三分自是多英俊，又显江南陆逊高</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5b718f0f274e9.jpg" alt="小乔 · 东吴名将推公瑾，南国佳人说小乔" />
                        </div>
                        <p>小乔 · 东吴名将推公瑾，南国佳人说小乔</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5b718eeda8ea7.jpg" alt="孙尚香·谁知一女轻天下， 欲易刘郎鼎峙心" />
                        </div>
                        <p>孙尚香·谁知一女轻天下， 欲易刘郎鼎峙心</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5b718f007feb8.jpg" alt="孙策·却将江左业，分付紫髯郎 " />
                        </div>
                        <p>孙策·却将江左业，分付紫髯郎</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5b718f1502ec4.jpg" alt="曹丕 · 一双眼光射寒星，两弯眉浑如刷漆" />
                        </div>
                        <p>曹丕 · 一双眼光射寒星，两弯眉浑如刷漆</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                  </ul>
                  <ul class="photo-list" style="display: none">
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be93a05c1c48.png" alt="【小杀摔倒啦】推倒土豪金，分元宝" />
                        </div>
                        <p>【小杀摔倒啦】推倒土豪金，分元宝</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be93a3324554.png" alt="【绘画】又一只鲍三娘" />
                        </div>
                        <p>【绘画】又一只鲍三娘</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be93a63c415a.png" alt="【绘图】矜持之花*大乔" />
                        </div>
                        <p>【绘图】矜持之花*大乔</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be93aa9b1b9c.png" alt="【条漫传记】周瑜，真正的东吴大都督" />
                        </div>
                        <p>【条漫传记】周瑜，真正的东吴大都督</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be93ad3a0b78.png" alt="【董白摔倒了】我们一起学猫叫" />
                        </div>
                        <p>【董白摔倒了】我们一起学猫叫</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be93b02e1d1a.png" alt="【手绘】Q版24节气 霜降张飞" />
                        </div>
                        <p>【手绘】Q版24节气 霜降张飞</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                  </ul>
                  <ul class="photo-list" style="display: none">
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be92b5576363.png" alt="落花时节又逢君" />
                        </div>
                        <p>落花时节又逢君</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be92b44d4f30.png" alt="4/5区 我只会点菜" />
                        </div>
                        <p>4/5区 我只会点菜</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be92ae8c0f2f.png" alt="1310KM 西湖文化地铁站" />
                        </div>
                        <p>1310KM 西湖文化地铁站</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be92a198f76f.png" alt="十年之约三国杀，天高地远义不下" />
                        </div>
                        <p>十年之约三国杀，天高地远义不下</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be929726d274.png" alt="9-3/4站台是最独特的火车站吗" />
                        </div>
                        <p>9-3/4站台是最独特的火车站吗</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be92a81e1ca5.png" alt="9区 疏影浮生奇梦人" />
                        </div>
                        <p>9区 疏影浮生奇梦人</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                  </ul>
                  <ul class="photo-list" style="display: block">
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be943f3ec175.png" alt="司马徽:半山风雨看逍遥" />
                        </div>
                        <p>司马徽:半山风雨看逍遥</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be94464b6f98.png" alt="诸葛瞻:梦回季汉江湖里" />
                        </div>
                        <p>诸葛瞻:梦回季汉江湖里</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be944b67c59c.png" alt="一代雄主的爱恨两难" />
                        </div>
                        <p>一代雄主的爱恨两难</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be944d36015e.png" alt="从广陵绝响看魏晋风度" />
                        </div>
                        <p>从广陵绝响看魏晋风度</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be944ef109cb.png" alt="曹魏五谋臣之算无遗策智贾诩" />
                        </div>
                        <p>曹魏五谋臣之算无遗策智贾诩</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img">
                          <img src="./images/5be94437278c1.png" alt="万紫千红总是春" />
                        </div>
                        <p>万紫千红总是春</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__pic play-icon"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="video">
              <div class="headline">
                <span class="icon-icon__video"></span>
                <a href="javascript:;" class="icon-icon__more more-btn"></a>
                <p></p>
              </div>
              <div class="photo-nav">
                <ul class="photo-name video-name">
                  <li class="on"><a href="javascript:;">攻略集锦</a><em></em></li>
                  <li class=""><a href="javascript:;">同人创作</a><em></em></li>
                  <li class=""><a href="javascript:;">赛事视频</a></li>
                </ul>
                <a href="javascript:;" class="contribute"><em class="icon-icon__cloud"></em>我要投稿</a>
              </div>
              <div class="video-tab">
                <div style="display: block">
                  <div class="video-left">
                    <a href="javascript:;">
                      <img src="./images/5b7192ecca7f0.jpg" alt="花式吊打 好施者们的默契" />
                      <p>花式吊打 好施者们的默契</p>
                    </a>
                  </div>
                  <ul class="photo-list">
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b724144c8de6.jpg" alt="循序渐进 一连到终" /></div>
                        <p>循序渐进 一连到终</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7241d187107.jpg" alt="一张牌引发的血案" /></div>
                        <p>一张牌引发的血案</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7242af1be16.jpg" alt="自书己见 大刷特刷" /></div>
                        <p>自书己见 大刷特刷</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b72433c51c7f.jpg" alt="没有忠臣的四月" /></div>
                        <p>没有忠臣的四月</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7243cd5d615.jpg" alt="第五反贼" /></div>
                        <p>第五反贼</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b72442f3f63c.jpg" alt="智慧岂能少得了装身份？" /></div>
                        <p>智慧岂能少得了装身份？</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                  </ul>
                </div>
                <div style="display: none">
                  <div class="video-left">
                    <a href="javascript:;">
                      <img src="./images/5b971e750e5b1.jpg" alt="手书：三国杀XDRRR!!" />
                      <p>手书：三国杀XDRRR!!</p>
                    </a>
                  </div>
                  <ul class="photo-list">
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b8d041db423c.png" alt="【司马嘉-玄亮-策瑜-丕植】建安烟云录(同人剧情歌)" /></div>
                        <p>【司马嘉-玄亮-策瑜-丕植】建安烟云录(同人剧情歌)</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7d0573816fa.jpg" alt="《建安烟云录》(同人剧情歌)" /></div>
                        <p>《建安烟云录》(同人剧情歌)</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7254f8d86ac.jpg" alt="左慈的神秘讲座" /></div>
                        <p>左慈的神秘讲座</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b724dbf27323.jpg" alt="【鬼畜三国杀】水手——那个男人" /></div>
                        <p>【鬼畜三国杀】水手——那个男人</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b724d5a438eb.jpg" alt="三国杀诗朗诵——短歌行" /></div>
                        <p>三国杀诗朗诵——短歌行</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7247c5754be.jpg" alt="【“温馨”鬼畜】一首 三国杀 生日歌献给你" /></div>
                        <p>【“温馨”鬼畜】一首 三国杀 生日歌献给你</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                  </ul>
                </div>
                <div style="display: none">
                  <div class="video-left">
                    <a href="javascript:;">
                      <img src="./images/5d7f45dbb8047.jpg" alt="《全民三国杀》三国杀首个综艺节目上线！" />
                      <p>《全民三国杀》三国杀首个综艺节目上线！</p>
                    </a>
                  </div>
                  <ul class="photo-list">
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7d015437da9.jpg" alt="2018SCL春季赛TOP5【第六期】" /></div>
                        <p>2018SCL春季赛TOP5【第六期】</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7d016b07b57.jpg" alt="2018SCL春季赛TOP5【第七期】" /></div>
                        <p>2018SCL春季赛TOP5【第七期】</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7cf7f94eb1f.jpg" alt="三国杀百万奖金千人大赛冠军诞生" /></div>
                        <p>三国杀百万奖金千人大赛冠军诞生</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7cf7dfa3a7e.jpg" alt="三国杀十周年嘉年华颜值玩家一览" /></div>
                        <p>三国杀十周年嘉年华颜值玩家一览</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7cf7b35c107.jpg" alt="三国杀百万奖金千人大赛选手入场" /></div>
                        <p>三国杀百万奖金千人大赛选手入场</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                    <li>
                      <a href="javascript:;">
                        <div class="photo-img"><img src="./images/5b7cfac13da3e.jpg" alt="三国杀十周年嘉年华现场" /></div>
                        <p>三国杀十周年嘉年华现场</p>
                        <i class="sub-mask"></i>
                        <i class="icon-icon__play play-icon"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="contain">
          <div class="con-left">
            <h3 class="topic"><em class="icon-icon__hezuo"></em></h3>
            <div class="picScroll-top">
              <div class="tempWrap" style="overflow: hidden; position: relative; height: 204px">
                <ul class="picList" style="top: -238px; position: relative; padding: 0px; margin: 0px">
                  <li style="height: 34px"><a href="javascript:;">智能电视网</a></li>
                  <li style="height: 34px"><a href="javascript:;">战旗直播</a></li>
                  <li style="height: 34px"><a href="javascript:;">太平洋游戏网</a></li>
                  <li style="height: 34px"><a href="javascript:;">游侠网页游戏</a></li>
                  <li style="height: 34px"><a href="javascript:;">全球电竞新游频道</a></li>
                  <li style="height: 34px"><a href="javascript:;">游戏狗三国杀</a></li>
                  <li style="height: 34px"><a href="javascript:;">巴士三国杀</a></li>
                  <li style="height: 34px"><a href="javascript:;">小皮发号</a></li>
                  <li style="height: 34px"><a href="javascript:;">多游开服网</a></li>
                  <li style="height: 34px"><a href="javascript:;">40407游戏开服</a></li>
                  <li style="height: 34px"><a href="javascript:;">狼人杀社区</a></li>
                  <li style="height: 34px"><a href="javascript:;">40407</a></li>
                  <li style="height: 34px"><a href="javascript:;">07073游戏网</a></li>
                  <li style="height: 34px"><a href="javascript:;">桌游圈</a></li>
                  <li style="height: 34px"><a href="javascript:;">狼人对决 - 1V1卡牌对战手游</a></li>
                  <li style="height: 34px"><a href="javascript:;">5G芝麻云游戏</a></li>
                </ul>
              </div>
              <div class="hd">
                <a href="javascript:;" class="next"><em class="icon-icon__mei"></em></a>
              </div>
            </div>
          </div>
          <div class="con-info">
            <ul class="indexTypes">
              <li class="current" style="width: 505px">
                <div class="ratitle hover-look"><em class="gong1"></em><i></i></div>
                <div class="con" style="left: 143px">
                  <div class="headline">
                    <span class="icon-icon__gl1"></span>
                    <a href="javascript:;" class="icon-icon__more more-btn"></a>
                    <p></p>
                  </div>
                  <div class="search">
                    <label for="textfield" class="sou-text">请输入搜索的关键词</label>
                    <input type="text" name="keyword1" id="textfield" class="sou-input search-input" autocomplete="off" />
                    <input type="button" name="button1" value="" onclick="onClick(&#39;keyword1&#39;, null)" class="search-btn" />
                  </div>
                  <dl class="raid-list">
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][模式玩法]【国战对局思路之一】群雄逐鹿，须得刚柔并进</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][武将攻略]【司马徽攻略】荐杰二才明大义，称好三乡尚高德</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][模式玩法]【新标国战第一弹】只是嘴哥的指纹被猫女偷了而已</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][武将攻略]【武娘】武娘还是三娘，傻傻分不清—鲍三娘攻略</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][模式玩法]【神之试炼】秋冬组通关技术指南</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][武将攻略]【鲍三娘攻略】镇南の武娘姬丶鲍三娘参上</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                  </dl>
                </div>
              </li>
              <li>
                <div class="ratitle hover-look"><em class="gong2"></em><i></i></div>
                <div class="con">
                  <div class="headline">
                    <span class="icon-icon__gl2"></span>
                    <a href="javascript:;" class="icon-icon__more more-btn"></a>
                    <p></p>
                  </div>
                  <div class="search">
                    <label for="textfield" class="sou-text">请输入搜索的关键词</label>
                    <input type="text" name="keyword2" id="textfield" class="sou-input search-input" autocomplete="off" />
                    <input type="button" name="button2" value="" onclick="onClick(&#39;keyword2&#39;, 8004)" class="search-btn" />
                  </div>
                  <dl class="raid-list">
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][萌新引导]【十周年内测】新界限武将的技能解析（规则集版</p>
                        <p class="club-time">09-07</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][萌新引导]三国杀小技巧系列之锦囊牌篇</p>
                        <p class="club-time">09-07</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][萌新引导]三国杀小技巧系列之基本牌篇</p>
                        <p class="club-time">09-07</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][萌新引导] 三国杀术语大科普</p>
                        <p class="club-time">09-04</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][萌新引导] 三国杀新手玩家怎么玩</p>
                        <p class="club-time">09-04</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][萌新引导] 三国杀新手内奸怎么玩 身份技术攻略</p>
                        <p class="club-time">09-04</p>
                      </a>
                    </dd>
                  </dl>
                </div>
              </li>
              <li>
                <div class="ratitle hover-look"><em class="gong3"></em><i></i></div>
                <div class="con">
                  <div class="headline">
                    <span class="icon-icon__gl3"></span>
                    <a href="javascript:;" class="icon-icon__more more-btn"></a>
                    <p></p>
                  </div>
                  <div class="search">
                    <label for="textfield" class="sou-text">请输入搜索的关键词</label>
                    <input type="text" name="keyword3" id="textfield" class="sou-input search-input" autocomplete="off" />
                    <input type="button" name="button3" value="" onclick="onClick(&#39;keyword3&#39;, 8005)" class="search-btn" />
                  </div>
                  <dl class="raid-list">
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][模式玩法]【国战对局思路之一】群雄逐鹿，须得刚柔并进</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][模式玩法]【新标国战第一弹】只是嘴哥的指纹被猫女偷了而已</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][模式玩法]【神之试炼】秋冬组通关技术指南</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][模式玩法]【新标国战·选将篇】鏖战模式下的优势劣势与单挑</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][模式玩法]【神武再世攻略】阿威十八式！全活不打折！</p>
                        <p class="club-time">11-15</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][模式玩法]神武再世回顾与打法浅析</p>
                        <p class="club-time">11-15</p>
                      </a>
                    </dd>
                  </dl>
                </div>
              </li>
              <li>
                <div class="ratitle hover-look"><em class="gong4"></em><i></i></div>
                <div class="con">
                  <div class="headline">
                    <span class="icon-icon__gl4"></span>
                    <a href="javascript:;" class="icon-icon__more more-btn"></a>
                    <p></p>
                  </div>
                  <div class="search">
                    <label for="textfield" class="sou-text">请输入搜索的关键词</label>
                    <input type="text" name="keyword4" id="textfield" class="sou-input search-input" autocomplete="off" />
                    <input type="button" name="button4" value="" onclick="onClick(&#39;keyword4&#39;, 8003)" class="search-btn" />
                  </div>
                  <dl class="raid-list">
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][武将攻略]【司马徽攻略】荐杰二才明大义，称好三乡尚高德</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][武将攻略]【武娘】武娘还是三娘，傻傻分不清—鲍三娘攻略</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][武将攻略]【鲍三娘攻略】镇南の武娘姬丶鲍三娘参上</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[十周年][武将攻略]【攻略】鲍三娘——是“武娘”，不是“舞娘”</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][武将攻略]早逝的先知,卖血流标杆——三国杀武将郭嘉</p>
                        <p class="club-time">12-19</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][武将攻略]改版武将解读之万世臣表*陈群</p>
                        <p class="club-time">11-15</p>
                      </a>
                    </dd>
                  </dl>
                </div>
              </li>
              <li>
                <div class="ratitle hover-look"><em class="gong5"></em><i></i></div>
                <div class="con">
                  <div class="headline">
                    <span class="icon-icon__gl5"></span>
                    <a href="javascript:;" class="icon-icon__more more-btn"></a>
                    <p></p>
                  </div>
                  <div class="search">
                    <label for="textfield" class="sou-text">请输入搜索的关键词</label>
                    <input type="text" name="keyword5" id="textfield" class="sou-input search-input" autocomplete="off" />
                    <input type="button" name="button5" value="" onclick="onClick(&#39;keyword5&#39;, 8006)" class="search-btn" />
                  </div>
                  <dl class="raid-list">
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][视频解说] 刘琦主公局打法解析</p>
                        <p class="club-time">09-06</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][视频解说] 朱家三废进化！朱家双雄！</p>
                        <p class="club-time">09-06</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][视频解说] 三国杀军八买将攻略指南，新手适用。</p>
                        <p class="club-time">09-06</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][视频解说] 火树流国战打法解析</p>
                        <p class="club-time">09-06</p>
                      </a>
                    </dd>
                    <dd>
                      <a href="javascript:;">
                        <p class="club-name">[OL][视频解说] BDD国战攻略:强行苟活,大魏杀手！</p>
                        <p class="club-time">09-06</p>
                      </a>
                    </dd>
                  </dl>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="copyright">
        <div class="copy-main">
          <div class="copyright-left">
            <a href="javascript:;">
              <img src="https://www.sanguosha.com/static/pc/dist/img/youka.png" alt="YOKAGAMES 游卡桌游" />
            </a>
            <span class="lines"></span>
            <a href="javascript:;" rel="nofollow">
              <img src="./images/wen.png" alt="" />
            </a>
            <a href="javascript:;"><img src="./images/jing.png" alt="" /></a>
            <a href="javascript:;"> <<img src="https://www.sanguosha.com/static/pc/dist/img/gong.png" alt="" /> </a>
            <a href="javascript:;" rel="nofollow">
              <img src="./images/youxidzbq.png" />
            </a>
            <span class="lines"></span>
          </div>
          <div class="copyright-text">
            抵制不良游戏<span>|</span>拒绝盗版游戏<span>|</span>注意自我保护<span>|</span>谨防受骗上当<span>|</span>适度游戏益脑<span>|</span>沉迷游戏伤身<span>|</span>合理安排时间<span>|</span>享受健康生活<br />
            网络文化经营许可证 浙网文[2016]0251-121号&nbsp;&nbsp;&nbsp;文网游备字[2010]C-CBG009号&nbsp;&nbsp;&nbsp;游戏批准文号 科技与数字【2010】284号<br />
            出版单位 杭州边锋网络技术有限公司 版号 新广出审【2016】775号 游戏备案号 文网游备字〔2016〕Ｍ-CSG2524号<br />
            增值电信业务经营许可证号码 <a href="javascript:;" style="color: #444; text-decoration: none" rel="nofollow">[网站备案号：浙B2-20160108-6]</a>&nbsp;&nbsp;&nbsp;<a href="javascript:;" style="color: #444; text-decoration: none" rel="nofollow">浙公网安备&nbsp;33010502005081号</a>&nbsp;&nbsp;&nbsp;杭州游卡网络技术有限公司　版权所有<br />
            杭州市良渚数字文化社区B座3楼&nbsp;&nbsp;&nbsp;接待时间：周一至周五 9:30-17:30&nbsp;&nbsp;&nbsp;适龄提示：12岁以上使用 <a style="color: #444" href="javascript:;">家长监督</a>
          </div>
        </div>
      </div>
    </div>

    <div class="fade"></div>
    <div class="alert for-video" id="media">
      <div class="alert-nav"><a href="javascript:;"></a></div>
      <div class="alert-info">
        <video id="videoPlay" poster="" controls="">
          <source src="https://www.sanguosha.com/static/pc/dist/video/index.mp4" type="video/mp4" />
        </video>
      </div>
    </div>
    <!-- 
		<script src="./js/jquery.js"></script>
		<script src="./js/index-420153d293.js"></script>
		<script>
			function onClick(val, secondId) {
				var keyword = $("input[name=" + val + "]").val();
				if (!keyword) {
					alert('请输入关键词');
					return;
				}
				var str = secondId ? '/secondId/' + secondId : ''
				var url = 'https://www.sanguosha.com' + '/Home/newsList/id/8000' + str + '/keyword/' + keyword
				window.open(url, '_blank');
			}
		</script>

 -->
  </body>
  <div style="all: initial">
    <div id="__hcfy__" style="all: initial"></div>
  </div>
</html>
